<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>HUGO BOSS 雨果博斯官方网站</title>
    <link rel="stylesheet" href="./css/hugoindex.css">
    <link rel="stylesheet" href="./css/reset.css">
    <link rel="stylesheet" href="./iconfont/iconfont.css">
    <script src="./js/huho.js"></script>
</head>

<body>
    <!-- 头部导航 -->
    <div class="header">
        <div class="header-top">
            <div class="brand">
                <ul>
                    <li><a href="">All Brands</a>
                        <span class="iconfont icon-shangjiantou"></span>
                    </li>

                    <li class="bo"><a href=""> BOSS</a>
                        <div class="bosshover">
                            <span class="iconfont icon-shangjiantou"></span>
                            <h1>BOSS</h1>
                            <div class="content">
                                <a href=""><img src="./img/hover1.jpg" alt="">
                                    <p class="man">探索BOSS男装</p>
                                </a>

                                <a href=""><img src="./img/hover2.jpg" alt="">
                                    <p class="woman">探索BOSS女装</p>
                                </a>

                            </div>
                        </div>
                    </li>
                    <li class="hu"><a href=""> HUGO</a>
                        <div class="bosshover">
                            <span class="iconfont icon-shangjiantou"></span>
                            <h1>HUGO</h1>
                            <div class="content">
                                <a href=""><img src="./img/3.jpg" alt="">
                                    <p class="man">探索HUGO男装</p>
                                </a>

                                <a href=""><img src="./img/5.jpg" alt="">
                                    <p class="woman">探索HUGO女装</p>
                                </a>

                            </div>
                        </div>
                    </li>
                </ul>
            </div>
            <div class="store">
                <a href=""><i class="iconfont icon-dibiaotianchong"></i>店铺搜寻</a>
            </div>
            <div class="user">
                <a href="http://localhost:52330/c:/Users/SLY/Desktop/HUGO/log%20in.html"><i class="iconfont icon-yonghutianchong"></i> 您好，请登录 / 免费注册</a>
            </div>

        </div>
        <!-- logo -->
        <div class="header-bottom">
            <div class="logo-left">
                <i class="iconfont icon-shouye-shouye"></i>
                <h1>BOSS</h1>
                <h2>HUGO</h2>

            </div>
            <div class="logo-right">
                <div class="total">
                    <a href="">
                        <i class="iconfont icon-gouwudai"></i>
                        <span>购物袋&结算<br /></span>
                        <p>0 个商品</p>
                    </a>
                </div>
                <div class="wishlist">
                    <a href="">
                        <i class="iconfont icon-shiwujiaoxing"></i>
                        <span>愿望单</span>
                        <p>0 商品</p>
                    </a>
                </div>
            </div>
        </div>
    </div>
    <!-- nav导航 -->
    <div class="nav">
        <div class="nav-left">
            <ul>
                <li><a href="">SPRING/SUMMER 2022 SALE</a>
                    
                    <div class="season">
                        <span class="iconfont icon-shangjiantou"></span>
                        <div class="age">
                            <a href="">季末折扣男装</a><br>
                            <a href="">T恤</a><br>
                            <a href="">Polo衫</a><br>
                            <a href="">夹克外套</a><br>
                            <a href="">裤装</a><br>
                            <a href="">鞋履</a><br>
                            <a href="">配饰</a>

                        </div>
                        <div class="age">
                            <a href="">季末折扣女装</a><br>
                            <a href="">T恤</a><br>
                            <a href="">裙装</a><br>
                            <a href="">夹克外套</a><br>
                            <a href="">裤装</a><br>
                            <a href="">鞋履</a><br>
                            <a href="">配饰</a>
                        </div>
                    </div>
                </li>

                <li><a href="">新品上新</a>
                    <div class="new">
                        <div class="left">
                            <div class="two">
                                <a href="">男装新品</a><br>
                                <a href="">T恤</a><br>
                                <a href="">Polo衫</a><br>
                                <a href="">夹克外套</a><br>
                                <a href="">裤装</a><br>
                                <a href="">鞋履</a>
                            </div>
                            <div class="two">
                                <a href="">女装新品</a><br>
                                <a href="">T恤</a><br>
                                <a href="">裙装</a><br>
                                <a href="">夹克外套</a><br>
                                <a href="">裤装</a><br>
                                <a href="">鞋履</a>
                            </div>
                        </div>
                        <div class="right">
                            <p>2022男装新品</p>
                            <img src="./img/allbrands-new-1.jpg" alt="">
                            <p>立即探索</p>
                        </div>
                    </div>
                </li>
                <li><a href="">精选推荐</a>
                    <div class="new">
                        <div class="left">
                            <div class="two">
                                <a href="">专题推荐</a><br>
                                <a href="https://www.hugoboss.cn/bossxpeanuts/">七夕联名系列</a><br>
                                <a href="https://www.hugoboss.cn/hugo-bape/">BAPE联名</a><br>
                                <a href="https://www.hugoboss.cn/selectedphipps/">PHIPPS联名</a><br>
                                <a href="">FREDDIE联名</a><br>
                                <a href="">KHABY联名</a><br>
                                <a href="">PERFORMANCE</a><br>
                                <a href="https://www.hugoboss.cn/bossxajcatalogs/">BOSS x AJBXNG</a>
                            </div>
                            <div class="two">
                                <a href="">礼品推荐</a><br>
                                <a href="">精选T恤</a><br>
                                <a href="">精选Polo</a><br>
                                <a href="">精选裤装</a><br>
                                <a href="">精选夹克</a><br>
                                <a href="">精选经典腰带</a>
                            </div>
                        </div>
                        <div class="right">
                            <p>2022精选推荐</p>
                            <img src="./img/allbrands-select-2.jpg" alt="">
                            <p>立即探索</p>
                        </div>
                    </div>
                </li>
                <li><a href="">男装</a>
                    <div class="new">
                        <div class="left">
                            <div class="two">
                                <a href="">服装</a><br>
                                <a href="">Polo运动衫</a><br>
                                <a href="">T恤衫</a><br>
                                <a href="">休闲衬衫</a><br>
                                <a href="">正装衬衫</a><br>
                                <a href="">卫衣</a><br>
                                <a href="">针织衫/毛衣</a><br>
                                <a href="">内衣</a><br>
                                <a href="">短裤</a><br>
                                <a href="">裤装</a>

                            </div>
                            <div class="two">
                                <a href=""></a><br>
                                <a href="">牛仔裤</a><br>
                                <a href="">西服</a><br>
                                <a href="">西服套装</a><br>
                                <a href="">夹克</a><br>
                                <a href="">休闲外套</a><br>
                                <a href="">运动外套</a><br>
                                <a href="">大衣</a><br>
                                <a href="">羽绒服/棉服</a>
                            </div>
                            <div class="two">
                                <a href="">鞋履</a><br>
                                <a href="">鞋履</a><br>
                                <a href="">运动鞋</a>
                            </div>
                            <div class="two">
                                <a href="">配饰</a><br>
                                <a href="">香水</a><br>
                                <a href="">腰带</a><br>
                                <a href="">包</a><br>
                                <a href="">钱包&钥匙圈</a><br>
                                <a href="">领带</a><br>
                                <a href="">围巾</a><br>
                                <a href="">太阳镜</a><br>
                                <a href="">领带夹</a><br>
                                <a href="">方巾</a><br>
                                <a href="">袖扣</a><br>
                                <a href="">帽子</a><br>
                                <a href="">袜子</a>
                            </div>
                        </div>
                        <div class="right">
                            <p>男装新品</p>
                            <img src="./img/allbrands-menclothing-3.jpg" alt="">
                            <p>立即探索</p>
                        </div>
                    </div>
                </li>
                <li><a href="">女装</a>
                    <div class="new">
                        <div class="left">
                            <div class="two">
                                <a href="">服装</a><br>
                                <a href="">T恤衫</a><br>
                                <a href="">衬衫</a><br>
                                <a href="">短裤</a><br>
                                <a href="">裤装</a><br>
                                <a href="">西服</a><br>
                                <a href="">针织衫/毛衣</a><br>
                                <a href="">裙装</a><br>
                                <a href="">夹克</a><br>
                                <a href="">上衣</a><br>
                                <a href="">牛仔裤</a>

                            </div>
                            <div class="two">
                                <a href="">鞋履</a><br>
                                <a href="">鞋履</a><br>
                            </div>
                            <div class="two">
                                <a href="">配饰</a><br>
                                <a href="">包&手袋</a><br>
                                <a href="">香水</a>
                            </div>
                        </div>
                        <div class="right">
                            <p>女装新品</p>
                            <img src="./img/allbrands-womenclothing-4.jpg" alt="">
                            <p>立即探索</p>
                        </div>
                    </div>
                </li>
                <li><a href="">Fashion Show</a>
                    <div class="new">
                        <div class="left">
                            <div class="two">
                                <a href="">BOSS</a><br>
                                <a href="">2022 BOSS x</a><br>
                                <a href="">Russell</a><br>
                                <a href="">2021 春夏米兰时</a><br>
                                <a href="">装周</a><br>
                   

                            </div>
                            <div class="two">
                                <a href="">HUGO</a><br>
                            </div>
                        </div>
                        <div class="right">
                            <p>BOSS 2022</p>
                            <P>BOSS X RUSSELL SHOW</P>
                            <img src="./img/BOSSxRussell-show.jpg" alt="">
                            <p>立即探索</p>
                        </div>
                    </div>
                </li>
                <li><a href="">礼品中心</a>
                    <div class="new">
                        <div class="left">
                            <div class="two">
                                <a href="">男士</a><br>
                                <a href="">全部礼品</a><br>
                                <a href="">< ￥2000</a><br>
                                <a href="">￥2000-￥5000</a><br>
                                <a href="">>￥5000</a><br>
                   

                            </div>
                            <div class="two">
                                <a href="">女士</a><br>
                                <a href="">全部礼品</a><br>
                                <a href="">< ￥2000</a><br>
                                <a href="">￥2000-￥5000</a><br>
                                <a href="">>￥5000</a><br>
                            </div>
                        </div>
                    
                    </div>
                </li>

            </ul>
        </div>
        <!-- 搜索框 -->
        <div class="search">
            <input type="text" class="valid" placeholder="搜索…">
            <input type="submit" class="go" value="">
            <i class="iconfont icon-fangdajing"></i>
        </div>
    </div>
    <!-- 主要内容 -->
    <div class="main">
        <div class="banner">
            <a href=""><img src="./img/banner1.jpg" alt="" class="active"></a>
            <a href=""><img src="./img/banner2.jpg" alt=""></a>
            <a href=""><img src="./img/banner3.jpg" alt=""></a>
            <a href=""><img src="./img/banner4.jpg" alt=""></a>
            <a href=""><img src="./img/banner5.jpg" alt=""></a>
            <a href=""><img src="./img/banner6.jpg" alt=""></a>
            <a href=""><img src="./img/banner7.jpg" alt=""></a>
            <a href=""><img src="./img/banner8.jpg" alt=""></a>
            <a href=""><img src="./img/banner9.jpg" alt=""></a>
            <ul class="circle">

            </ul>
        </div>
        <!-- tab切换列表 -->
        <div class="shop">
            <div class="tab">
                <ul>
                    <li>男士</li>
                    <li>女士</li>
                </ul>
            </div>
            <div class="swiper">
                <div class="man sactive">
                    <ul>
                        <li><a href=""><img src="./img/lookbook1.jpg" alt="" class="active"></a></li>
                        <li><a href=""><img src="./img/lookbook2.jpg" alt=""></a></li>
                        <li><a href=""><img src="./img/lookbook3.jpg" alt=""></a></li>
                        <li><a href=""><img src="./img/lookbook4.jpg" alt=""></a></li>
                        <li><a href=""><img src="./img/lookbook5.jpg" alt=""></a></li>
                        <li><a href=""><img src="./img/lookbook6.jpg" alt=""></a></li>
                        <li><a href=""><img src="./img/lookbook7.jpg" alt=""></a></li>
                        <li><a href=""><img src="./img/lookbook8.jpg" alt=""></a></li>

                    </ul>
                </div>
                <div class="woman">
                    <ul>
                        <li><a href=""><img src="./img/womenlookbook1.jpg" alt=""></a></li>
                        <li><a href=""><img src="./img/womenlookbook2.jpg" alt=""></a></li>
                        <li><a href=""><img src="./img/womenlookbook3.jpg" alt=""></a></li>
                        <li><a href=""><img src="./img/womenlookbook4.jpg" alt=""></a></li>
                        <li><a href=""><img src="./img/womenlookbook5.jpg" alt=""></a></li>
                        <li><a href=""><img src="./img/womenlookbook6.jpg" alt=""></a></li>
                        <li><a href=""><img src="./img/womenlookbook7.jpg" alt=""></a></li>
                        <li><a href=""><img src="./img/womenlookbook8.jpg" alt=""></a></li>
                    </ul>
                </div>
                <div class="btn-left"><img src="./img/btnLeft.png" alt=""></div>
                <div class="btn-right"><img src="./img/btnRight.png" alt=""></div>
            </div>
            <div class="module">
                <div class="center">
                    <h3>HUGO BOSS 2022 早秋新品系列</h3>
                </div>
            </div>
            <!-- 商品内容 -->
            <div class="row">
                <div class="row-left">
                    <div class="row-lefttop">
                        <div class="text">
                            <h2>HUGO BOSS 2022 早秋新品系列</h2>
                            <p>BOSS GENERATIONS</p>
                            <a href="">男装</a>
                            <a href="">女装</a>
                        </div>
                    </div>
                    <div class="row-leftbottom">
                        <a href=""><img src="./img/bosswomen.jpg" alt=""></a>
                    </div>
                </div>
                <div class="row-right">
                    <a href=""><img src="./img/bossmen.jpg" alt=""></a>
                </div>
            </div>
            <!-- 第二个 -->
            <div class="row2">
                <div class="row2-left">
                    <a href=""><img src="./img/hugomen.jpg" alt=""></a>
                </div>
                <div class="row2-right">
                    <div class="row-lefttop">
                        <div class="text">
                            <h2>HUGO BOSS 2022 早秋新品系列</h2>
                            <p>HUGO BORDERLESS</p>
                            <a href="">男装</a>
                            <a href="">女装</a>
                        </div>
                    </div>
                    <div class="row-leftbottom">
                        <a href=""><img src="./img/hugowomen.jpg" alt=""></a>
                    </div>
                </div>
            </div>
            <!-- 推荐阅读 -->
            <div class="module">
                <div class="center">
                    <h3>推荐阅读</h3>
                </div>
            </div>

            <div class="nominate">
                <div class="column1">
                    <a href="https://www.hugoboss.cn/muhmmadali/"><img src="./img/allbrands-bn-1.jpg" alt=""></a>
                    <div class="hover">
                        <div class="content">
                            <h2>Muhammad Ali</h2>
                            <a href="https://www.hugoboss.cn/muhmmadali/">点击查看</a>
                        </div>
                    </div>
                </div>
                <div class="column1">
                    <a href="https://www.hugoboss.cn/s22bossxaj/"><img src="./img/allbrands-bn-2.jpg" alt=""></a>
                    <div class="hover">
                        <div class="content">
                            <h2>BOSS x AJBXNG</h2>
                            <a href="https://www.hugoboss.cn/s22bossxaj/">点击查看</a>
                        </div>
                    </div>
                </div>
                <div class="column1">
                    <a href="https://www.hugoboss.cn/sr21hugo/"><img src="./img/allbrands-bn-3.jpg" alt=""></a>
                    <div class="hover">
                        <div class="content">
                            <h2>HUGO 早秋新品上市</h2>
                            <a href="https://www.hugoboss.cn/sr21hugo/">点击查看</a>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <!-- 底部 -->
    <div class="footer">
        <div class="Brand">
            <div class="Brandbox1">
                <h4><a href="https://www.hugoboss.cn"> All Brands</a></h4>
                <div class="subCats">
                    <ul>
                        <li><a href=""> SPRING/SUMMER 2022 SALE</a></li>
                        <li><a href=""> 新品上新</a></li>
                        <li><a href=""> 精选推荐</a></li>
                        <li><a href=""> 男装</a></li>
                        <li><a href=""> 女装</a></li>
                        <li><a href=""> Fashion Show</a></li>
                        <li><a href=""> 礼品中心</a></li>
                    </ul>
                </div>
            </div>
            <div class="Brandbox2">
                <h4><a href=""> BOSS</a></h4>
                <div class="subCats">
                    <ul>
                        <li><a href=""> SPRING/SUMMER 2022 BOSS SALE</a></li>
                        <li><a href=""> 新品上市</a></li>
                        <li><a href=""> 男装</a></li>
                        <li><a href=""> 女装</a></li>
                        <li><a href=""> Fashion Show</a></li>

                    </ul>
                </div>
            </div>
            <div class="Brandbox3">
                <h4><a href=""> HUGO</a></h4>
                <div class="subCats">
                    <ul>
                        <li><a href=""> SPRING/SUMMER 2022 HUGO SALE</a></li>
                        <li><a href=""> 新品上市</a></li>
                        <li><a href=""> 男装</a></li>
                        <li><a href=""> 女装</a></li>
                    </ul>
                </div>
            </div>
        </div>
        <div class="help">
            <div class="box1">
                <h4>帮助中心</h4>
                <ul>
                    <li><a href="">帮助&联络信息</a></li>
                    <li><a href="">配送服务</a></li>
                    <li><a href="">售后服务</a></li>
                    <li><a href="">七天无忧退货</a></li>
                    <li><a href="">商品价格说明</a></li>
                </ul>
            </div>
            <div class="box2">
                <h4>HUGO BOSS相关站点</h4>
                <ul>
                    <li><a href="">hugoboss.com</a></li>
                    <li><a href="">寻找店铺</a></li>
                    <li><a href="">HUGO BOSS AG</a></li>
                    <li><a href="">职位</a></li>
                    <li><a href="">媒体服务</a></li>
                </ul>
            </div>
            <div class="box3">
                <h4>HUGO BOSS电子期刊</h4>
                <p>通过订阅<span>HUGO BOSS</span>网上商店电子期刊，了解我们的最新产品，专享活动及潮流资讯。</p>
                <div class="email">
                    <input type="text" placeholder="Email" />
                    <button>&gt;</button>
                    <span>请输入您的电子邮箱订阅电子期刊</span>
                </div>
            </div>
            <div class="box4">
                <h4>关注我们</h4>
                <div class="wb"><a href="http://weibo.com/hugobossofficial"><img src="./img/Snipaste-wb.png"
                            alt="" /></a>
                    <span>官方微博</span>
                </div>
                <div class="wx"><a href=""><img src="./img/Snipaste.png" alt="" /></a>
                    <span>官方微信</span>
                </div>
            </div>

        </div>
        <div class="benefits">
            <div class="box1">
                <h4>便捷安全的支付</h4>
                <img src="./img/zhifu.jpg" alt="" />
            </div>
            <div class="box2">
                <h4>高效安全的配送</h4>
                <img src="./img/fedex.jpg" alt="" />
                <img src="./img/shunfeng.jpg" alt="" /><br />
                <img src="./img/EMS.jpg" alt="" />
            </div>
            <div class="box3">
                <h4>您的订单有任何问题？</h4>
                <p class="one">关于在线购买的问题或建议</p>
                <p class="two">
                    <span>
                        客服接待时间: 早8点30分至晚12点30分,停运区域为新疆的和田，喀什地区，库车市
                    </span><br />
                    <i>电话: +86 021 3108 2901</i>
                </p>
            </div>
        </div>
        <div class="asset">
            <ul>
                <li>国家：
                    <a href="">中国</a>
                    &nbsp;&nbsp;|
                </li>
                <li><a href="">隐私声明</a>&nbsp;&nbsp;|</li>
                <li><a href="">条款及条件</a>&nbsp;&nbsp;|</li>
                <li><a href="">使用条款</a></li>
            </ul>
            <span>
                <a href="">沪ICP备11051005号-1</a>&nbsp;&nbsp;
                <a href="">
                    <img src="./img/icon.gif" alt="">
                </a>
            </span>
            <i>© 2015 HUGO BOSS | All rights reserved.</i>
        </div>
        <a href="" class="flex">
            <span>
                <img src="./img/msg2@68x66.png" alt="">
            </span>
            联系客服，在线咨询
        </a>

    </div>
    <div class="stick">
        <i class="iconfont icon-zhiding"></i>
    </div>
</body>

</html>